<div id="favoritesDiv" class="container">
    <div class="row">
        <img src="assets/img/headers/favourites.jpg" class="img-responsive">
    </div>
    <div class="row white-bg">
        
        <div class="col-xs-12" ng-show="!hasFavs">
           <h2 class="text-center">Add all your favorite events here</h2>
            <p class="text-center less-padding">How? Really easy, inside every event you can push add to favorites button. The event appears here.</p>    
        </div>
        <div class="col-xs-12" ng-show="hasFavs">
            <h2 class="text-center text-to-bg-color text-light">Your favorite events</h2>
            <ul class="list-group">
                <li ng-repeat="fav in favorites" class="list-group-item text-center text-bold event-list" style="margin-bottom:2px;">
                      <a href="#/events/{{ fav.event_id }}" class="btn btn-block text-white text-light" style="white-space: normal; word-wrap: break-word;">
                          {{ fav.event_day | uppercase }} - {{ fav.event_start_time }} {{ fav.event_category }}: {{ fav.event_name }}
                      </a>
                </li>
            </ul>
            <br>
        </div>
             
    </div>
</div>